body {
    font-family: 'Almarai';
    
}

.contact-head.mail,
.contact-head.phone {
  direction: ltr;
}


.slider-area-2 {
    direction: ltr;
}

h1.banner-head-2 {
    direction: rtl;
    text-align: right;
    font-family: 'Almarai';
}

.main-menu li .submenu {
    text-align: right;
}

.line-head {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    font-size: 15px;
    font-family: 'Almarai', sans-serif;

}

.slider-content a {
    float: right;
    letter-spacing: normal;

}

.form-group {
    position: relative;
    display: flex;
    flex-direction: column;
    /* Stack items vertically */
}

.error-message {
    color: red;
    /* Makes the error message red */
    font-size: 14px;
    /* Optional: Set smaller font for error messages */
    margin-top: 5px;
    /* Space between input and error message */
    display: block;
    /* Ensures the error is below input */
    text-align: start;
    /* Align error message to the start (right in RTL) */
}

.slider-content a i {
    float: left;
    margin-right: 10px;
}

.owl-carousel .item {
    text-align: left;
    direction: rtl;
}

.slide-social {
    width: 52px;
    position: relative;
    text-align: left;
    float: left;
}

.features-area {
    direction: rtl;
}

.features-area .icon-text {
    text-align: right;
    margin-right: 15px;
}

.features-area .icon-text h5 {
    font-family: 'Almarai'
}

.fancy-head h1 {
    text-align: right;
    font-family: 'Almarai';
}

.fancy-head h5 {
    text-align: left;

}

.about-text .mainDesc {
    text-align: right;
    line-height: 1.7;

}

.about-author a {
    letter-spacing: normal;
}

.blog-box-text h5 {
    font-family: 'Almarai';
}

.blog-box-text {
    float: right;
}

.blog-type-2 .fancy-head h1 {
    text-align: center;
}

.experience-cta h1 {
    font-family: 'Almarai';
    text-align: right;
}

.experience-cta p.newp,
.client-list p.newp {

    padding: 0;
    text-align: right;
}

.experience-cta a,
.client-list a {
    float: right;
    letter-spacing: normal;
}

.cta h3 {
    text-align: right;
    font-family: 'Almarai';
}

.cta .col-xl-8 a {
    direction: ltr;
    margin-left: 20px;

}

.footer-area .footer-logo {
    text-align: right;
}

.contact-options ul li {
    text-align: right;
}

.contact-options ul li i {
    position: relative;
    right: 0;
    top: 0;
    margin-left: 10px;
}

.social-icons {
    float: right;
}

.footer-links h5 {
    text-align: right;
    font-family: 'Almarai';
}

.links-list {
    text-align: right;
}

.copyright {
    text-align: right;
}

/* About us */

.inner-banner .row h1 {
    font-family: 'Almarai';
}

.faq-box .card-header h5 {
    text-align: right;
    font-family: 'Almarai';
}

.faq-box .card .card-header::after {
    right: calc(100% - 25px) !important;
}

.faq-box .card-body {
    text-align: right;
}

.pricong-area .price-head h4 {
    font-family: 'Almarai';
}

.top-clients {
    direction: ltr;
}

/* Move top clients section to the right */
.client-count h3 {
    font-family: 'Almarai';
}



.testimonial-all h2 {
    font-family: 'Almarai';
    letter-spacing: normal !important;
    font-weight: 900;
}

.testimonial-group h4 {
    text-align: center;
    font-family: 'Almarai';
    font-style: normal;
}

.testimonial-group p {
    text-align: center;
    font-size: 15px;
}

.blog-grid-text h5 {
    font-weight: bold;
    text-align: right;
    font-family: 'Almarai';
}

.blog-grid-text p {
    text-align: right;
}

.form-group {
    position: relative;
    display: flex;
    align-items: center;
    direction: rtl;
    /* Set text direction to right-to-left */
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding-right: 40px;
    /* Space for the icon */
    text-align: right;
    /* Align text to the right */
}

.form-group i {
    position: absolute;
    left: 15px;
    /* Position the icon on the left */
    color: #999;
}

.form-group textarea {
    padding-right: 40px;
    text-align: right;
}

.form-area h2 {
    text-align: center;
    font-family: 'Almarai';
}

.form-area p {
    text-align: center;
}

.icon-box-content h5 {
    text-align: right;
    font-family: 'Almarai';
    margin-right: 10px;
}

.icon-box-content p {
    margin-right: 10px;
    text-align: right;

}

/* Keyframes for sliding logos */
@keyframes slideRight {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}



/*end*/



@media (max-width:767px) {
    .mobile-menu-2.mean-container .mean-bar {
        position: relative;
        left: 0;
    }
}


/* Media Query for Small Screens (up to 575px) */
@media (max-width: 575px) {
    .contact-head.logo-2 {
        position: relative;
        left: 42px;
        /* Adjust as per design */
    }

    #dropdownMenuButton {
        right: calc(100% + 80px);
        /* Ensure proper alignment */
    }

    .mobile-menu-2.mean-container .meanmenu-reveal {
        right: calc(100% - 50px) !important;
        /* Adjust to fit smaller screens */
    }

    .mean-container .mean-nav ul li a {
        float: right;

        text-align: right;

    }
}

/* Media Query for Medium Screens (up to 768px) */
@media (max-width: 768px) {
    .mobile-menu-2.mean-container .meanmenu-reveal {
        right: calc(100% - 60px) !important;
        /* Adjust to fit smaller screens */
    }

    .features-area .icon-text h5 {
        text-align: center;
    }

    .features-area .icon-text p {
        text-align: center;
    }

    .mean-container .mean-nav ul li a {
        float: right;

        text-align: right;

    }

    /* .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 1px;
        width: 26px;
        height: 32px;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: rgba(255,255,255,0.1);
        border: none !important;
        border-left: 1px solid rgba(255,255,255,0.4) !important;
        border-bottom: 1px solid rgba(255,255,255,0.2) !important; */

}

/* Media Query for Larger Screens (up to 991px) */
@media (max-width: 991px) {
    .mobile-menu-2.mean-container .meanmenu-reveal {
        right: calc(100% - 70px) !important;
        /* Adjust to fit smaller screens */
    }

    #dropdownMenuButton {
        right: calc(100% + 50px) !important;
        /* Ensure proper alignment */
    }

    .features-area .icon-text h5 {
        text-align: center;
    }

    .features-area .icon-text p {
        text-align: center;
    }

    .mean-container .mean-nav ul li a {
        float: right;

        text-align: right;

    }


}

.line-head,
h1.banner-head-2,
.main-menu li a,
.mainDesc,
.fancy-head h1,
.btn.btn-square.read-more,
.blog-type-2 .fancy-head h1 {
    letter-spacing: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
.main-menu li .submenu li a {
    letter-spacing: normal;
}

.menu-links-2 .main-menu li a {
    font-size: 16px;
}

.main-menu li .submenu li a {
    font-size: 15px;
}

.menu-links-2 .main-menu>ul>li:first-child {
    margin-left: unset;
    margin-left: 15px;
}

.main-menu li .submenu {
    left: unset !important;
    right: -10%;

}

.about-us p {
    text-align: right;
    font-size: 16px;
}
.partners h1{
    text-align: center;
}
.partners p{
    font-size: 16px;
}
.portfolio h1,.contact-options h1{
    text-align: center;
}
.portfolio h5{
    text-align: center !important;
}
.btn-square{
    letter-spacing: normal !important;
    font-size: 16px;
}
.contact-options a{
    font-size: 16px;
}

.lang-btn img {
  
  margin-right: unset;
  margin-left: 10px;
}


/* ضبط المسافات في الهيدر للغة العربية */



html[dir="rtl"] .top-header .col-lg-4{
  display: flex;
  justify-content: flex-end !important; /* يخلي اللوجو أو اللغة قريبين من الأطراف */
  padding-left: 0 !important;
  padding-right: 0 !important;
}



@media (max-width:991px) {
    .lang-btn{
        margin-left: 90px;
    }
}